﻿/*
 * SimpleModal Basic Modal Dialog
 * http://www.ericmmartin.com/projects/simplemodal/
 * http://code.google.com/p/simplemodal/
 *
 * Copyright (c) 2010 Eric Martin - http://ericmmartin.com
 *
 * Licensed under the MIT license:
 *   http://www.opensource.org/licenses/mit-license.php
 *
 * Revision: $Id: basic.css 257 2010-07-27 23:06:56Z emartin24 $
 */
*{margin:0;padding:0;}
#signup 
{
        display:none;
        text-align:right;
        position:fixed;
        top:100px;
        left:400px;
        z-index:3001;
        color:white; 
        background-color:#88BBD4;
        border:4px solid #88888B;
        padding-top:30px 50px 30px 50px;
        border-radius:20px 5px 20px 20px;
        font-size:20px;
        width:400px;
        height:450px;
        padding:30px 100px 0px 0px;
}
#signup ul li
{
    list-style-type:none;
    }
#signup ul li input
{
    border-radius:5px;
    border:2px solid #f8f8f8;
    background-color:#d7d7d7;
    font: Arial 30px #8c8c8c;
    cursor:pointer;
    }
/* Overlay */
#darkest {background-color:Black ;
                      position:fixed;
                      top:-1px;
                      left:-1px;
                      z-index:3000;
                      width:100%;
                      height:100%;
                      opacity:0.8;
                      display:none;
                       }

a.modalCloseImg {background:url(../images/x.png) no-repeat; width:25px; height:29px; display:inline; z-index:3200; position:absolute; top:-15px; right:-16px; cursor:pointer;}
#checkPass
{
    color:Red;
    font-size:20px;
    float:right;
    }
#signup select{margin-left:0px
}


/*----------------top bar---------*/
#topBar
{
    height:40px;
    text-align:right;
    padding-right:30px;
    }
#topBar input[type="text"],#topBar input[type="password"]
{
  height:30px;
  width:150px;
  border-radius:5px;
  font-family:  Helvetica, Arial, sans-serif;
  font-size:14px;
}
#topBar input[type="submit"]
{
    border-radius:5px;
    border:2px solid #f8f8f8;
    background-color:#f3f3f3;
   
    color:black;
    cursor:pointer; 
    }

#topBar input[type="submit"]:hover
{
    background-color: Orange;
    cursor:pointer;
}

#account
{
    color:White;
    font-style:italic;
    font-size:20px;
    font-weight:bold;
    cursor:pointer;
    height:10px;
    width:30px;
    display:inline;
    }
#account_info
{
    background-color:white;
    border :1px solid #cbcccd;
    border-radius:5px;
    border-shadow:0px 1px 0px rgb(0, 0, 0);
    padding:20px;
    color:White;
    width:180px;
    height:100px;
    display:none;
    position:absolute;
    margin-left:10px;
    top:30px;
    right:70px;
    z-index:1001;
    margin:5px 0px 5px 10px;
    }
    #account_info table tr
    {
        border : 1px dashed black;
    }
/*table for quang cao*/
.table 
{
    border-style: none;
    border-color: inherit;
    border-width: 5px;
    float:right;
    width:778px;
    }
    
input[type="button"], input[type="submit"]
{
        background-color:#f9ad19; border-radius:2px;color:white;padding:8px 10px;
        font-weight: bold; /* làm chữ im đậm */
        font-size: 12px; /* kích cỡ chữ */
        /*height: 30px!important; /* chiều cao button */
        cursor:pointer;
    }
    
input[type="button"]:hover {
box-shadow: 0px 0px 2.5px #333; /* hiệu ứng đỗ bóng - rất cần thiết */
color: #000; /* màu chữ trong button */
border: 1px sloid #000; /* màu viền của button */
}